@charset "utf-8";
/* CSS Document */
body,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body{ margin:0 auto; FONT-SIZE: 14px; }
a{ text-decoration: none; color:#0c0c0c;}
li{list-style-type:none}

.boxlsdl{ width:1200px; margin:0 auto;}

.tal{ background:url(../images/tal_24.jpg) top repeat-x; height:44px; width: 1200px; margin: auto;}
.tal .ted{ width:252px; float:left;}
.tal .muedt{ padding:9px 0 0 1px; font-size:14px;}

.tal .muedt a:hover{ color:#d6141d}

.tab21 {text-align: center;    font-size: 17px;}
.tab21 a.ok{ width:82px; font-size:18px; text-align:center; font-weight:bold; color:#d6141d;}
/*.tab21 a.nones{background:none; width:82px;  font-size:12px;  font-weight: bold; text-align:center; color:#5b250b;}*/
.tab21 a.nones:hover{color: #634118;}
.tab21 span{ padding:0 8px 0 8px;}

.anli{ padding:20px 0px 0px 0px;}
.anli ul .cd{ margin:10px 10px 55px 10px;}

.hc_onen ul li.hc_casefr{ margin-right:0px; margin-left:0.5px;}
.anli ul li{ width: 280px; height: 197px; float:left; background:#F1F1F1;}
.anli ul li p{padding: 16px 0 8px 0px;line-height:15px;heigh;height: 21px;text-align: center;color: #585555;    white-space: nowrap;}
.anli ul li img{transition:all .5s;}
.anli ul li p span{ font-size:14px;}
.anli ul li a{color:#333; display:block; background: #dcdcdc;}
.anli ul li a:hover{ display:block; text-decoration:none;margin-top:-10px;transition:0.3s ease-out}


.kjdz{ margin:40px 0 0 0; border:1px double #BEBEBE; border-width:1px 0 1px 0; height:278px;}
.kjdz .bht{ margin:35px 0 35px 0; height:206px; border:1px double #EBEBEB; background:#F6F6F6;}
.kjdz .bht .kuj{ background:url(../images/kjdz_36_1.jpg) center center no-repeat; width:200px; height:206px; float:left;border:1px double #EBEBEB; border-width:0 1px 0 0; }
.kjdz .bht .imhgd{ width:999px; height:206px; overflow:hidden; float:left; }
.imhgd ul li {
    float: left;
    height: 206px;
    margin-right: 7px;
    overflow: hidden;
    position: relative;
    width: 193px;
}
.imhgd ul li div {
    background: rgba(0, 0, 0, 0.55) none repeat scroll 0 0;
    bottom: -60px;
    color: #ffffff;
    font-size: 14px;
    height: 53px;
    left: 0;
    padding: 7px 0 0;
    position: absolute;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 5;
}
.imhgd ul li div p{width:90px; height:25px; line-height:25px; background:#ff8d29; margin:5px auto 0 auto;}
.imhgd ul li:hover div{ bottom:0;}
/*.kjdz .bht .imhgd img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}*/
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}

.kjdz .bht .imhgd .img3{position:absolute;width:135px; height:102px;margin-left:194px;}
.kjdz .bht .imhgd .img2{position:absolute;margin-top:104px; width:135px; height:102px;margin-left:194px;}
.kjdz .bht .imhgd .img1{position:absolute;width:193px; height:206px;}
.kjdz .bht .imhgd .img4{position:absolute;margin-left:330px; width:206px; height:102px;}
.kjdz .bht .imhgd .img5{position:absolute;margin-left:330px; margin-top:104px; width:206px; height:102px;}
.kjdz .bht .imhgd .img6{position:absolute;margin-left:538px; width:464px;}
.kjdz .bht .imhgd .img6 img{ padding:1px 0 0 1px; width:115px; height:102px;}

.gzzs{ float: right; font-size:14px; font-family:"微软雅黑";}
.gzzs span{ padding:0 8px 0 8px;}
.gzzs a{ color:#333;}
.gzzs a:hover{ color:#666;}
.nesd{ padding:22px 0 0 0; height:353px;}
.nesd ul li{ width:393px; height:102px; background:#F6F6F7 url(../images/jt.png) 350px 30px no-repeat; float:left;}
.nesd ul .cj{ margin:0 11px 11px 0;}
.nesd ul li b{font-size:15px;}
.nesd ul li p{ padding:20px 69px 20px 19px; line-height:22px; }
.nesd ul li span{ color:#B8B8B8}

.nesd ul li a{ display:block; color:#333333; }
.nesd ul li a:hover{background:#634118 url(../images/jt.png) 350px -135px no-repeat; color:#FFF !important;}
.more{ width:150px; height:43px; line-height:43px; text-align:center; color:#FFF; margin:0 auto;}
.more a,a:hover{   color: #21b5ed; 
    text-decoration: none;}


.hzhuob{border:1px double #EBEBEB; border-width:1px 0 1px 0; height:220px;}
.hzhuob .hzhb{ margin:36px auto; height:139px; background:#F6F6F6 url(../images/hzhb.png) 17px no-repeat;border:1px double #EBEBEB; }
.hzhuob_l{ width:120px; height:104px; font-family:"微软雅黑";  padding:35px 0 0 85px; float:left;border:1px double #EBEBEB; border-width:0 1px 0 0;}
.hzhuob_l p{font-size:24px; color:#634118;}
.hzhuob_l span{ color:#634118;}
.hzhuob_r{ width:1000px; float:left; }
.hzhuob_r img{float:left; border:1px double #EBEBEB; border-width:0 1px 1px 0;}

.hzlc{border:1px double #EBEBEB; background:#F6F6F6; border-width:0 0 1px 0; height:220px;}
.hzlc .DD{ height:33px;}
.hzlc ul{ height:156PX; background:url(../images/hzg.png)  no-repeat; margin:0 auto;}
.hzlc ul .cds{ margin:0 27px 0 0;}
.hzlc ul li{ width:280px; height:156px;  float:left;font-family:"微软雅黑"; font-size:23px; text-align:center;}
.hzlc ul li p{ padding:85px 0 0 0;}
.hzlc ul li span{ display:block;}
.hzlc ul li small{font-size:13px; font-family:Arial, Helvetica, sans-serif;}

.hzlc ul .cyt1 a{ width:280px; height:156px;  color:#5B5B5B; display:block;}
.hzlc ul .cyt1 a:hover{ background:#af8053 url(../images/hzg.png) left -156px no-repeat; color:#FFF !important; display:block;}

.hzlc ul .cyt2 a{ width:280px; height:156px;  color:#5B5B5B; display:block;}
.hzlc ul .cyt2 a:hover{ background:#af8053 url(../images/hzg.png) -304px -156px no-repeat; color:#FFF !important; display:block;}

.hzlc ul .cyt3 a{ width:280px; height:156px;  color:#5B5B5B; display:block;}
.hzlc ul .cyt3 a:hover{ background:#af8053 url(../images/hzg.png) -610px -156px no-repeat; color:#FFF !important; display:block;}

.hzlc ul .cyt4 a{ width:280px; height:156px;  color:#5B5B5B; display:block;}
.hzlc ul .cyt4 a:hover{ background:#af8053 url(../images/hzg.png) -918px -156px no-repeat; color:#FFF !important; display:block;}

.bangz{ height:150px; background:#F6F6F6;}
.bangz ul li{ width:199px; height:148px; float:left; border:1px double #EBEBEB; border-width:0 0 0 1px;}
.bangz ul .jud{border:1px double #EBEBEB; border-width:0 1px 0 1px;}
.bangz ul li img{ padding:24px 0 0  44px; float:left;}
.bangz ul li span{float:left; display:block; padding:22px 0 0  10px; font: bold 14px/14px "宋体";}
.bangz ul li samp{float:left; display:block; padding:28px 0 0  10px; font: bold 14px/14px "宋体";}
.bangz ul li a{ color:#333333;  text-decoration: none;}
.bangz ul li a:hover{ color:#666;}
.bangz ul li p{ padding:20px 8px 0 8px; line-height:22px;}
.bangz ul li p a{ color:#333333;}
.bangz ul li p a:hover{ color:#666;}

/*案例背景*/
.sdlanl{ background:url(../images/albj.jpg);}
.dhud{border-top:1px dotted #c5c8d1;}
.fongd{ font-family:"微软雅黑";}
.xhi{ float:left; width:98px; height:48px; background:url(../images/cc012.png) no-repeat; background-position:0px 0px !important; line-height:48px; font-size:14px; color:#fff; text-align:center; cursor:pointer;}
.hyete{ background:#ac7d50; height:60px;}
.bicebox{ width:1200px; margin:0 auto;}
.bicta_bj{ line-height:40px; background:#E3E3E3; margin:0 auto; font-size:14px; color:#333;}
.cjd_w{ width:106px; text-align:center; background:#F6F6F6;}
.cjdt_w{ width:270px; text-align: left;}
.cjdt_wt{ width:43px; line-height:25px; text-align: center;background:#F6F6F6; font-size:14px;}
.cjdt_wtf{ line-height:20px; font-size:12px; padding:8px;}
.djds{ height:30px; font-size:14px;}
.xhit{ color:#F00 !important;}

.djhe{ background:#fff url(../images/tpbj_02_1.jpg) center no-repeat; height:653px; margin:0 auto; margin-top:-1px;  border-top:1px #BEBEBE double;}
.djheud{ background:#fff url(../images/hr_05.jpg) center no-repeat; height:500px; width:1200px; margin:0 auto; overflow: hidden;}
.p_dbox{ padding:0 0 0 0; float:left;}
.p_dbox .jdd{ height:94px;}
.djet{ width:360px; float:left; font-size:25px; color:#FFF; font-family:"微软雅黑"; padding:20px;}
.djet p{ font-size:15px; font-family:Arial, Helvetica, sans-serif;}
.p_dbox .its{ width:386px; float:left;}
.p_dbox .itslk{ width:20px; height:100px; float:left;}
.p_dbox .tetsc{ padding:0 8px 0 8px; line-height:30px; font-size:13px;}


.jhde_lx{ width:1200px; margin:0 auto;}
.jhde_lx .def{ width:590px; float:right;}
.lxwom{ color:#FFF; font-size:14px; padding:32px 32px 0 32px; line-height:20px;}
.zsd{ width:528px; height:248px; margin:65px 0 0 32px;}
.zsd .cmd{ padding:0 0 0 2px; float:left;}
.zsd .cmd input{ border:none;}
.sdsd{ width:235px; height:20px; font-size:14px; padding:0 0 0 5px;}
.kdjd{font-size:14px; padding:0 0 0 5px;}
.zsd .cmd .kiye{ width:510px; height:55px; margin:10px 0 8px 0;font-size:14px; padding:0 0 0 5px;}

/*企业介绍*/
.about{width: 100%;height: 360px;background: #3a3a3a;padding-top: 30px;margin-bottom: 30px;}
 .about_tab{width: 360px;height: 90px;background: #3a3a3a;margin: 0 auto;position: relative;z-index: 3;text-align: center;}
 .about_tab h2{font-size: 18px;font-family: "微软雅黑";line-height: 50px;text-align: center;color: #eee8e8;}
 .about_tab p{ font-size:0.8em; line-height: 18px; text-align: center; color: #ccc;  }
 .solid{ width: 100%; height: 1px;position: relative; top:-330px; background:#a6a2a2; }
 .about_desc{ width: 1250px; height: 200px; margin:0 auto; padding:0 20px }
 .about_left{ width:65%; height: 200px; float: left; padding-right:1%;}
 .about_left p{font-size: 14px;line-height: 20px;color: #b0b0b0;letter-spacing: 1px;text-indent: 2em}
 .about_right{ width: 30% ;height:200px; float: right; padding-left:1%;}
 .about_right p{font-size:14px; line-height: 20px; color: #737373;}
 
 /* 标题样式与居中 */
    .center-title {
        text-align: center;
        margin-bottom: 30px;
        font-size: 24px;
        color: #333;
        margin-top: 50px;
    }
 
    /* 表单容器样式 */
    .form-container {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 1000px;
        margin: 0 auto;
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 5px;
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
        background-color: #f9f9f9;
    }
 
    /* 输入字段容器样式 */
    .form-field {
        margin: 0 15px;
    }
 
    /* 输入字段样式 */
    .form-field input[type="text"], .form-field input[type="tel"] {
        width: calc(70% - 30px);
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        font-size: 16px;
        color: #333;
    }
 
    /* 提交按钮样式 */
    .submit-button {
        width: calc(200px - 30px);
        padding: 10px;
        border: none;
        border-radius: 3px;
        background-color: #21b5ed;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }
 
    /* 提交按钮悬停时样式 */
    .submit-button:hover {
        background-color: #0056b3;
    }